<p>{{i18n 'admin.logs.screened_ips.description'}}</p>

<div class="pull-right">
  {{text-field value=filter class="ip-address-input" placeholderKey="admin.logs.screened_ips.form.filter" autocorrect="off" autocapitalize="off"}}
  {{d-button action="rollUp" title="admin.logs.screened_ips.roll_up.title" label="admin.logs.screened_ips.roll_up.text"}}
  {{d-button action="exportScreenedIpList" icon="download" title="admin.export_csv.button_title.screened_ip" label="admin.export_csv.button_text"}}
</div>

<div>
  {{screened-ip-address-form action="recordAdded"}}
</div>

{{#conditional-loading-spinner condition=loading}}
  {{#if model.length}}

    <div class='table admin-logs-table screened-ip-addresses'>
      <div class="heading-container">
        <div class="col heading first ip_address">{{i18n 'admin.logs.ip_address'}}</div>
        <div class="col heading action">{{i18n 'admin.logs.action'}}</div>
        <div class="col heading match_count">{{i18n 'admin.logs.match_count'}}</div>
        <div class="col heading last_match_at">{{i18n 'admin.logs.last_match_at'}}</div>
        <div class="col heading created_at">{{i18n 'admin.logs.created_at'}}</div>
        <div class="col heading actions"></div>
        <div class="clearfix"></div>
      </div>

      {{#each model as |item|}}
        <div class="admin-list-item">
          <div class="col first ip_address">
            {{#if item.editing}}
              {{text-field value=item.ip_address autofocus="autofocus"}}
            {{else}}
              <span {{action "edit" item}}>
                {{#if item.isRange}}
                  <strong>{{item.ip_address}}</strong>
                {{else}}
                  {{item.ip_address}}
                {{/if}}
              </span>
            {{/if}}
          </div>
          <div class="col action">
            {{#if item.isBlocked}}
              {{fa-icon "ban"}}
            {{else}}
              {{fa-icon "check"}}
            {{/if}}
            {{item.actionName}}
          </div>
          <div class="col match_count">{{item.match_count}}</div>
          <div class="col last_match_at">
            {{#if item.last_match_at}}
              {{age-with-tooltip item.last_match_at}}
            {{/if}}
          </div>
          <div class="col created_at">{{age-with-tooltip item.created_at}}</div>
          <div class="col actions">
            {{#unless item.editing}}
              {{d-button action="destroy" actionParam=item icon="trash-o" class="btn-danger"}}
              {{d-button action="edit" actionParam=item icon="pencil"}}
              {{#if isBlocked}}
                {{d-button action="allow" actionParam=item icon="check" label="admin.logs.screened_ips.actions.do_nothing"}}
              {{else}}
                {{d-button action="block" actionParam=item icon="ban" label="admin.logs.screened_ips.actions.block"}}
              {{/if}}
            {{else}}
              {{d-button action="save" actionParam=item label="admin.logs.save"}}
              <a {{action "cancel" item}}>{{i18n 'cancel'}}</a>
            {{/unless}}
          </div>
          <div class="clearfix"></div>
        </div>
      {{/each}}
    </div>

  {{else}}
    {{i18n 'search.no_results'}}
  {{/if}}
{{/conditional-loading-spinner}}
